#header{
    border-bottom: 1px solid #DDDDDD;
    .header_l{
        margin-left:100px;
        li{padding: 13px 0 9px 0;margin-right: 20px;
            a{
                display: block;font-size: 12px;font-weight: bold;color: #000000;
            };
            &:hover a{color: #FF6655;text-decoration: underline;}
        };
        .active{padding:13px 0 7px 0;border-bottom: 2px solid #FF6655;}
    };
    .header_r{
        margin-right:100px;
        li{padding: 10px 0;position:relative;
            a{display: block;font-size: 14px;font-weight: bold;color: #000000;line-height: 16px;border-right: 2px solid #999999;padding:0 13px;
                i{display:inline-block;margin-right: 3px;}
            };
        };
        li:last-of-type{
            a{border-right: 0 none;}
        };
        li:nth-of-type(3){
            a{
                i{color: #E71F19;}
            }
        };
        li:nth-of-type(4){
            a{
                i{color: #48C92F;}
            }
        };
        .login{
            &:hover a{text-decoration: underline;color: #ff6655;}
        };
        .metachat{
            div{height: 100px;width: 100px;display: none;position: absolute;left: 0;top: 36px;};
            &:hover{border:2px solid #999999;border-bottom: 2px solid #fff;margin-left: -2px;padding:8px 0;};
            &:hover div{display:block;}
            &:hover a{border-right: 0 none;}
        };
        
    }
};
#logo{
    background: #F3F3F3;
    .logo_c{
        width: 990px;margin: 0 100px;height: 88px;padding: 20px 0 15px 0;
        a{
            display: block;height: 88px;width: 180px;
        };
        img{display:block;height: 88px;};
        h1{font-size: 26px;color: #666;height: 40px;line-height: 40px;margin:25px 0 0 10px ;border-left:1px solid #ccc;padding-left: 10px;};
    }
};
#register{
    background:#f3f3f3;
    .content{margin:0 100px;
        background:#fff;
        border:1px solid #ddd;
        width:990px;
        height:582px;
        .content_l{
            width:693px;height:542px;padding:40px 0 0 50px;
            .content_l_tag{
                width:693px;height:38px;
                .cont_l_list{width:260px;height:38px;border-bottom:2px solid #ddd;color:#333;font-size:22px;line-height:38px;font-weight:bold;text-align:center;};
                .active{border-bottom:2px solid #ff6655;};
            };
            .email{display:none;
                #submit1{width:250px;height:46px;border:1px solid #e35342;background:#ff6655;color:#fff;font-size:24px;line-height:46px;text-align:center;margin:20px 180px 0 180px;}
            }
            .main{width:613px;height:474px;padding:30px 0 0 80px;
                .forget_list{
                    width:613px;
                    height:40px;
                    margin-top:10px;
                    label{width:100px;height:38px;display:inline-block;font-size:16px;line-height:38px;text-align:right;
                    }
                    input{width:238px;height:38px;display:inline-block;border:1px solid #ddd;padding-left:10px;font-size:14px;}
                    #submit{width:250px;height:46px;border:1px solid #e35342;background:#ff6655;color:#fff;font-size:24px;line-height:46px;text-align:center;margin:20px 180px 0 180px;}
                }
                .agree{
                    label{
                        width:613px;
                        height:38px;
                        display:block;
                        font-size:12px;
                        text-align:center;
                        line-height:38px;
                    }
                }
                .code{
                    label{display:block;float:left;}
                    input{width:110px;height:38px;border:1px solid #ddd;padding-left:10px;font-size:14px;display:block;float:left;}
                    .yzm{display:block;width:100px;height:34px;margin:4px 0 0 10px;background:#ccc;float:left;text-align:center;color:#fff;font-size:16px;line-height:34px;}
                    .btn{display:block;float:left;width:84px;height:16px;margin:10px 0 0 20px;color:#333;font-size:12px;
                        &:hover{color:#ff6655;text-decoration: underline;}
                    }

                }
                .note{
                    label{display:block;float:left;}
                    input{width:110px;height:38px;border:1px solid #ddd;padding-left:10px;font-size:14px;display:block;float:left;}
                    span{display:block;width:108px;height:38px;margin-left:10px;background:#f3f3f3;border:1px solid #ddd;line-height:38px;font-size:12px;color:#ccc;text-align:center;float:left;}
                }
                .agree{
                    label{
                        input{
                            width:12px;height:12px;border:1px solid #ddd;
                        }
                    }
                }
            }
        };
        .content_r{
            position:relative;
            img{display:block;position:absolute;top:0;right:0;}
        }
    }

}
#footer{background: #F3F3F3;
    .footer_c{padding:20px 0;
        p{
           text-align: center;font-size: 12px;line-height: 22px;height:22px;
           a{color: #333;display:inline-block;
            &:hover{text-decoration: underline;};
           };
           img{margin-right: 10px;} 
        }
    }
}
